#tab-bar {
	width: 100%;
	height: 3.3rem;
	background: #eee;
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: space-around;
	div {
		flex: 1;
		text-align: center;
		a {
			padding-top: 0.2rem;
			width: 100%;
			height: 100%;
			.link-items {
				width: 100%;
				height: 100%;
				display: inline-block;
				&::before {
					content: "";
					display: block;
					font: 1.5rem iconfont;
				}
			}
		}
	}
	.home {
		a {
			.link-items {
				&::before {
					content: "\e600";
				}
			}
		}
	}
	.goods-list {
		a {
			.link-items {
				&::before {
					content: "\e61c";
				}
			}
		}
	}
	.shopcart {
		position: relative;
		a {
			.link-items {
				&::before {
					content: "\e61b";
				}
				.quantity-badge {
					position: absolute;
					top: 0.1rem;
					right: 0.9rem;
				}
			}
		}
	}
	.personal-center {
		a {
			.link-items {
				&::before {
					content: "\e60d";
				}
			}
		}
	}
	.active {
		background: deeppink;
		color: snow;
	}
}
